<template>
	<view class="v-shop-cart flex-columns" :class="border != false ? 'v-border-bottom' : ''">
		<view class="flex-align-center">
			<image :src="content.pic_url" class="border10"></image>
			<view class="flex-columns v-content ">
				<view class="">
					<view class="flex-between">
						<view class="v-name">{{ content.name?content.name:content.goods_name }}</view>
						<!-- <text class="v-grouping" v-if="isgroup == true">团购报名中</text> -->
					</view>
					<!-- 需修改样式‘上下底部对齐’ -->
					<view style="color: #8f8f8f; font-size: 28rpx;margin-top: 15rpx;" >软件规格：{{ specCont?specCont:'无' }}</view>
				</view>
				
				<view class="v-pric"v-if="content.order_status==1">￥{{ Number((Number(specMoney)+Number(content.order_integral?content.order_integral:0)+Number(content.entry_fee?content.entry_fee:0))).toFixed(2) }} <text style="color:#8f8f8f;margin-left: 10rpx"> x {{number}}</text> </view>
				
				<view class="v-pric" v-else="specMoney">￥{{ Number(specMoney).toFixed(2) }} <text style="color:#8f8f8f;margin-left: 10rpx"> x {{number}}</text> </view>
				<!-- <view class="v-pric" v-else>￥{{ real == false ? content.money : content.price }}</view> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'commodity',
		/*
		 border:是否有底部边框
		 isgroup：是否展示“团购报名中”
		 content：list 数组
		 real：是否展示实付款
		 */
		props: {
			/* content: {
				type: Array,
				default: []
			}, */
			number:{
				type: Number
			},
			specMoney:{
				type: Number
			},
			specCont:{
				type: String
			},
			content: {
				type: Object,
				default: {}
			},
			isgroup: {
				type: Boolean,
				default: false
			},
			border: {
				type: Boolean,
				default: false
			},
			real: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {};
		}
	};
</script>

<style lang="less">
	.v-border-bottom {
		border-bottom: 2rpx solid #f7f7f7;
	}

	.v-shop-cart {
		padding: 34rpx;
		background-color: #ffffff;

		image {
			    width: 160rpx;
			    height: 180rpx;
			margin-right: 26rpx;
		}

		.v-content {
			height: 180rpx;
			// position: relative;

			.v-name {
				font-size: 34rpx;
				font-weight: bold;
			}

			.v-grouping {
				background: #fea751;
				color: #ffffff;
				font-size: 24rpx;
				padding: 4rpx 14rpx;
				display: inline-block;
			}

			text {
				color: #8f8f8f;
				// padding: 10rpx 0;
				padding: 10rpx 0 16rpx;
			}

			.v-pric {
				// position: absolute;
				// bottom: 0;
				color: #ff0000;
				font-size: 34rpx;
			}
		}
	}
</style>
